<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-transform"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta name="applicable-device" content="pc,mobile">
    <!--content="最新羊毛,最新线报,现金活动,红包活动"-->
    <meta name="keywords" th:content="${project.keyword}">
    <meta name="description" th:content="${project.summary}">
    <title th:text="${project.title}+'-天天线报网'"></title>
    <link rel="icon" href="https://daydayzhuan.oss-cn-shenzhen.aliyuncs.com/static/logo.png" type="image/x-icon"/>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/layui/css/reset.css"/>
    <link rel="stylesheet" href="/css/index.css"/>
    <link rel="stylesheet" href="/css/article/desc.css"/>
    <link rel="stylesheet" href="/css/article/style.css"/>
    <link rel="stylesheet" href="/css/article/viewer.css"/>
    <link rel="canonical" th:href="'https://www.daydayzhuan.com/article/'+${project.id}"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3586089_qi101m7894o.css" type="text/css">
    <script src="https://daydayzhuan.oss-cn-shenzhen.aliyuncs.com/static/jquery-3.3.1.min.js"></script>
    <script src="/layui/layui.js"></script>
    <script src="/script/article/article.js"></script>
    <script src="/script/article/viewer.js"></script>
    <script src="/script/common.js"></script>
    <th:block th:if="${project.isNofollow== 1}">
        <meta name="robots" content="nofollow">
    </th:block>
    <th:block th:if="${project.isNofollow== 0}">
        <script type="application/ld+json" th:inline="javascript">
            {
                "@content": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
                "@id": "https://daydayzhuan.com/article/[[${project.id}]]",
                "appid": "1628215977733461",
                "pubDate": [[${pubdate}]],
                "upDate": [[${update}]]
            }
        </script>
        <script>
            (function () {
                var bp = document.createElement('script');
                var curProtocol = window.location.protocol.split(':')[0];
                if (curProtocol === 'https') {
                    bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
                } else {
                    bp.src = 'http://push.zhanzhang.baidu.com/push.js';
                }
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(bp, s);
            })();
        </script>
    </th:block>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?0e9ace0ec6eaa50fecc2ca9f52f63f89";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <script>
        !(function(c,i,e,b){
            var h=i.createElement("script");
            var f=i.getElementsByTagName("script")[0];
            h.type="text/javascript";
            h.crossorigin=true;
            h.onload=function(){new c[b]["Monitor"]().init({id:"Jlhlprm9RKOWb9Xt"});};
            f.parentNode.insertBefore(h,f);h.src=e;})(window,document,"https://sdk.51.la/perf/js-sdk-perf.min.js","LingQue");
    </script>
</head>
<body>
<th:block th:if="${'APP' != channel}">
    <div th:replace="common/menu::menu(menuList=${menuList})" ></div>
</th:block>


<input type="hidden" id="type" th:value="${type.id}">
<input type="hidden" id="title" th:value="${project.title}">
<input type="hidden" id="id" th:value="${project.id}">
<input type="hidden" id="imgList" th:value="${imgList}">
<input type="hidden" id="showSinaSummary" th:value="${project.showSinaSummary}">

<main class="layui-fluid" style="margin-top: 5px;">
    <div class="layui-row">
        <!-- 左侧文章详情  -->
        <div class=" layui-col-md9 article-desc">
            <article class="layui-fluid" style="padding: unset !important;">
                <header class="article-info">
                    <nav style="height: unset;-webkit-box-shadow:unset" th:if="${'APP' != channel}">
                        <i class="iconfont icon-nav_xitongzhuye"></i>
                        <a href="https://www.daydayzhuan.com" title="首页">首页</a>
                        <i class="iconfont icon-navigation-right-arrow"></i>
                        <a th:href="'https://www.daydayzhuan.com'+${type.href}" th:text="${type.typeName}"
                           th:title="${type.typeName}"></a>
                        <i class="iconfont icon-navigation-right-arrow"></i>
                        <a><cite th:text="${project.title}"></cite></a>
                        </span>
                    </nav>
                    <div class="article-title">
                        <h1><a th:title="${project.title}" style="font-weight: bold" th:href="'/article/'+${project.id}"
                               th:text="${project.title}"></a></h1>
                    </div>
                    <div class="article-otherinfo">
                        <i class="layui-icon meta-icon layui-icon-date" th:text="${project.showCreateTime}"></i>
                        <i class="layui-icon meta-icon layui-icon-read" th:text="'阅读('+${project.readMount}+')'"></i>
                        <a th:href="'/author/'+${project.user.id}" title="薅羊毛线报投稿作者"><i
                                class="layui-icon meta-icon layui-icon-username"
                                th:text="''+${project.user.author==null?'':project.user.author}+''"
                                style="color: #1E9FFF"></i></a>
                        <a th:href="'/subject/'+${subjectDto.id}" title="手赚专题" target="_blank" th:title="${subjectDto.title}" th:if="${subjectDto != null}"><i
                                class="layui-icon meta-icon layui-icon-auz"
                                th:utext="'所属专题：<span style = \'color:#1E9FFF\'>'+${subjectDto.title}+'</span>'"
                                ></i></a>
                    </div>
                </header>
                <div class="article-content_all">
                    <div class="old-orange layui-row" th:if="${type.id == 1 || type.id == 2}"
                         th:text="'本文最后更新于'+${showUpdateTime}+'，已超过'+${days}+'天没有更新，请注意内容时效性!'">

                    </div>

                    <div class="layui-row" style="color: red;" th:if="${'APP' != channel}">
                        <a target="_blank" class="layui-col-md4 layui-col-xs4" href="/goDownload" style="text-decoration: underline;color: red;">下载线报App</a>
                        <a target="_blank" class="layui-col-md4 layui-col-xs4" onclick="QQGroup();"
                           style="text-decoration: underline;color: red;text-align: center;">线报交流群</a>
                        <a target="_blank" class="layui-col-md4 layui-col-xs4" onclick="QQGroup2();"
                           style="text-decoration: underline;color: red;text-align: right;">线报分享群</a>
                        <hr>
                    </div>


                    <th:block th:if="${not #lists.isEmpty(processList)}">
                        <blockquote>
                            <div th:each="p:${processList}">
                                最新动态：<a target="_blank" th:href="'/article/'+${p.id}" th:title="${p.title}"
                                        th:text="${p.title}" style="    color: #1E9FFF;"></a>
                            </div>
                        </blockquote>
                    </th:block>

                    <div class="article-content" th:utext="${project.content}"></div>
                    <div class="article-baokuan" th:if="${project.typeId == 5}" style="line-height: 180%;font-size: 16px!important;color: orange;">
                        更多爆款魔法好物，请进特别福利群哦~ 群里不定期有红包雨、各种爆款商品免费送~
                        <p style="text-align: center">
                            <img th:src="${qrcode}" alt="魔法好物福利官" style="width: 300px;">
                        </p>

                    </div>

                    <footer style="text-align:center;margin-top: 30px;">
                        <div class="btns">
<!--                            <a href="javascript:void(0)" onclick="dashangToggle()"-->
<!--                               style="background-color: #ff6d50;border-radius: 20px;padding: 10px 18px 10px 15px;line-height: 14px;"-->
<!--                               title="打赏，支持一下">-->
<!--                                <i class="iconfont icon-renminbi" style="color: white;"></i>-->
<!--                                打赏-->
<!--                            </a>-->
<!--                            <a href="javascript:void(0)"-->
<!--                               style="border-radius: 20px;padding: 10px 18px 10px 15px;line-height: 14px;"-->
<!--                               title="打赏，支持一下">-->
<!--                                <i class="iconfont icon-dianzanshoucang"></i><br>-->
<!--                                点赞-->
<!--                            </a>-->

<!--                            <a href="javascript:void(0)" onclick="shareSina()"-->
<!--                               style="background-color: #ff6d50;border-radius: 20px;padding: 10px 18px 10px 15px;line-height: 14px;"-->
<!--                               th:title="分享到新浪微博">-->
<!--                                <i class="iconfont icon-fenxiang" style="color: white"></i>-->
<!--                                分享微博-->
<!--                            </a>-->
                        </div>
                        <div class="cif-tool">
                            <a class="like_a" style="display: inline-block;">
                                <i class="layui-icon layui-icon-praise like_circle " onclick="articleLike()"></i>
                                <span style="font-size: 13px;">已有<span id="likeCount" style="color: red" th:text="${project.likes==null?0:project.likes}">0</span>次赞</span>
                            </a>
                            <a class="like_a" style="display: inline-block;margin-left: 1.7rem">
                                <i class="layui-icon layui-icon-tread dip_circle " onclick="articleDip()"></i>
                                <span style="font-size: 13px;">已有<span id="dipCount" style="color: red" th:text="${project.dips==null?0:project.dips}">0</span>次踩</span>
                            </a>
                        </div>
                        <div class="post-tags">
                            <th:block th:each="label:${project.labelList}">
                                <a th:title="${label.labelName}" rel="tag"
                                   target="_blank" th:href="'https://www.daydayzhuan.com/tag/'+${label.labelName}"
                                   th:text="${label.labelName}"></a>
                            </th:block>
                        </div>
                    </footer>

                    <section class="copyright layui-row">
                        <i class="layui-icon layui-icon-tips" style="font-size: 30px"></i>
                        <span class="aritcle_end">
                            如无特别说明均为原创文章，作者：<a href="#" style="color: #2275E2;">天天线报网</a> ，复制或者转载该文章请注明出处。
                            <br>本文地址： <a id="currenUrl"></a>
                         </span>
                    </section>

                    <!--                    <nav class="preNex">-->
                    <!--                        <div class=" layui-row" style="display: inline-block;width: 100%">-->
                    <!--                            <div class="pre" th:if="${pre != null}" >-->
                    <!--                                上一篇：<a th:text="${pre.title}" th:href="'https://www.daydayzhuan.com/article/'+${pre.id}" th:title="${pre.title}" class="preAndnext"></a>-->
                    <!--                            </div>-->
                    <!--                            <div class="pre" th:if="${pre == null}" >-->
                    <!--                                上一篇：<span class="preAndnext">没有啦！</span>-->
                    <!--                            </div>-->
                    <!--                            <div class="next"  th:if="${next != null}" style="float: right">-->
                    <!--                                下一篇：<a th:text="${next.title}" th:href="'https://www.daydayzhuan.com/article/'+${next.id}" th:title="${next.title}" class="preAndnext"></a>-->
                    <!--                            </div>-->
                    <!--                            <div class="next" th:if="${next == null}" style="float: right">-->
                    <!--                                下一篇：<span class="preAndnext">没有啦！</span>-->
                    <!--                            </div>-->
                    <!--                        </div>-->
                    <!--                    </nav>-->
                    <nav>
                        <ul class="single-nav">
                            <li class="entry-page-prev">
                                <a th:if="${pre != null}" th:href="'https://www.daydayzhuan.com/article/'+${pre.id}" th:title="${pre.title}">
                                    上一篇
                                </a>
                            </li>
                            <li class="entry-page-next">
                                <a th:if="${next != null}" th:href="'https://www.daydayzhuan.com/article/'+${next.id}" th:title="${next.title}">
                                    下一篇
                                </a>
                            </li>
                        </ul>
                    </nav>

                    <th:block th:if="${not #lists.isEmpty(withDrawList)}">
                        <hr class="layui-bg-green">
                        <section class="layui-row" style="background-color: #FFFFFF;margin: 0.5rem 0">
                            <div class="layui-row" style="text-align: center">
                                <header style="color: #333;font-size: 18px;">变现反馈</header>
                                <a th:href="'/getWithDrawList?page=1&limit=12&projectId='+${project.id}"
                                   style="float: right;margin-right: 1rem;">全部</a>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-md2 layui-col-xs4" th:each="wd:${withDrawList}"
                                     style="height: 230px;">
                                    <img th:src="${wd.cover}" style="width: 100%;height: 180px;" class="img-lg"
                                         th:alt="${wd.title}" th:title="${wd.title}">
                                    <div style="text-align: center">
                                        <a target="_blank" style="color: #333;" th:href="'/article/'+${wd.id}"
                                           th:title="${wd.title}" th:text="${wd.title}"></a>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </th:block>

                    <div class=" layui-row">
                        <div class="hide_box"></div>
                        <div class="shang_box layui-col-md5 layui-col-md-offset4 ">
                            <a class="shang_close" href="javascript:void(0)" onclick="dashangToggle()" title="关闭"><img
                                    src="/img/dashang/close.jpg" alt="取消"/></a>
                            <div class="shang_tit">
                                <p>感谢您的支持，我会继续努力的!</p>
                            </div>
                            <div class="shang_payimg">
                                <img src="/img/dashang/alipayimg.png" alt="扫码支持" title="扫一扫"/>
                            </div>
                            <div class="pay_explain">扫码打赏，你说多少就多少</div>
                            <div class="shang_payselect">
                                <div class="pay_item checked" data-id="alipay">
                                    <span class="radiobox"></span>
                                    <span class="pay_logo"><img src="/img/dashang/alipay.jpg" alt="支付宝"/></span>
                                </div>
                                <div class="pay_item" data-id="weipay">
                                    <span class="radiobox"></span>
                                    <span class="pay_logo"><img src="/img/dashang/wechat.jpg" alt="微信"/></span>
                                </div>
                            </div>
                            <div class="shang_info">
                                <p>打开<span id="shang_pay_txt">支付宝</span>扫一扫，即可进行扫码打赏哦</p>
                            </div>
                        </div>
                    </div>

                </div>
            </article>

            <!-- 评论区 -->
            <section class="layui-row commentDiv">
                <div class="cent-title">
                    <div class="cent-title-i">
                        <i class="iconfont icon-pinglun"></i>
                    </div>
                    发表评论
                </div>
                <div class="commment" style="margin-bottom: 20px;">
                    <div id="reply_form">
                        <div class="pinglunnr">
                            <a name="miao"></a>
                            <div class="pinglunpost" id="postcmt">
                                <form id="frmSumbit" target="_self" method="post" action="/article/saveComment">
                                    <input type="hidden" name="inpId" id="inpId" value="1019"/>
                                    <input type="hidden" name="inpRevID" id="inpRevID" value="0"/>
                                    <div id="pingposthtml">
                                        <ul class="cent-ping-ul clear">
                                            <input type="hidden" id="replyForId">
                                            <input type="hidden" id="replyForName">
                                            <li class="cent-ping-li">
                                                <label for="userName">昵称</label>
                                                <span class="cent-ping-li-span">•</span>
                                                <input type="text" name="userName" id="userName" class="text" value=""
                                                       size="28" tabindex="1"/>
                                            </li>
                                            <li class="cent-ping-li">
                                                <label for="email">邮箱</label>
                                                <span class="cent-ping-li-span">•</span>
                                                <input type="text" name="email" id="email" class="text" value=""
                                                       size="28" tabindex="2"/>
                                            </li>
                                            <li class="cent-ping-li">
                                                <label for="url">网址</label>
                                                <input type="text" name="url" id="url" class="text" value="" size="28"
                                                       tabindex="3"/>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="cent-ping-text">
                                        <div class="cent-ping-text-title">
                                            正文
                                            <span class="posttop" id="cancel-reply">取消</span>
                                        </div>
                                        <textarea name="txaArticle" id="txaArticle" placeholder="请输入评论内容" class="text"
                                                  cols="50" rows="4" tabindex="5"></textarea>
                                    </div>
                                    <div class="cent-ping-button clear">

                                        <input name="button" id="sumbitping" tabindex="6" value="发表评论"
                                               class="layui-btn pcping lr"/>
                                    </div>
                                </form>
                            </div>
                            <br/>
                            <label id="AjaxCommentBegin"></label>
                        </div>
                    </div>
                    <th:block th:each="p:${commentInfoList}" th:if="${not #lists.isEmpty(commentInfoList)}">
                        <div class="con clear" th:id="${p.id}">
                            <img class="conimg" th:src="${p.image}" alt="头像"/>
                            <div class="conhr">
                                <span class="lf">
                                    &nbsp;&nbsp;
                                    <a href="#" style="color: #0F9D58" rel="extenal nofollow" target="_blank"
                                       th:if="${p.url != null || p.url != ''}" th:text="${p.userName}"></a>
                                    <a href="#" style="color: #0F9D58" th:href="${p.url}" rel="extenal nofollow"
                                       target="_blank" th:if="${p.url == null && p.url == ''}"
                                       th:text="${p.userName}"></a>
                                </span>
                                <span class="lr">
                                    <a href="#miao" th:onclick="reply([[${p.id}]],[[${p.userName}]])">
                                        评论
                                    </a>
                                </span>
                            </div>
                            <div class="contime" th:text="${p.showCreateTime}"></div>
                            <p class="conp" th:text="${p.content}">
                                <label id="AjaxComment2536"></label>
                            </p>
                        </div>
                        <th:block th:each="c:${p.children}" th:if="${not #lists.isEmpty(commentInfoList)}">
                            <div class="con2">
                                <div class="con clear" th:id="${c.id}">
                                    <img class="conimg" th:src="${c.image}" alt="头像"/>
                                    <div class="conhr">
                                        <span class="lf">
                                             &nbsp;&nbsp;
                                            <a href="#" style="color: #0F9D58" rel="extenal nofollow" target="_blank"
                                               th:if="${c.url != null || c.url != ''}" th:text="${c.userName}"></a>
                                            <a href="#" style="color: #0F9D58" th:href="${c.url}" rel="extenal nofollow"
                                               target="_blank" th:if="${c.url == null && c.url == ''}"
                                               th:text="${c.userName}"></a>
                                        </span>
                                        <span class="lr conhrhui">
                                            <a href="#miao" th:onclick="reply([[${c.id}]],[[${c.userName}]])">评论</a>
                                        </span>
                                    </div>
                                    <div class="contime" th:text="${c.showCreateTime}"></div>
                                    <p class="conp">
                                        <span style="color: #0F9D58" th:text="'@'+${c.replyForName}"></span>
                                        <span th:text="${c.content}"></span>
                                        <label id="AjaxComment2537"></label>
                                    </p>
                                </div>
                                <label id="AjaxCommentEnd"></label>
                            </div>
                        </th:block>
                    </th:block>
                </div>
            </section>

            <section class="part-mor box-show wow fadeInDown" style="visibility: visible; animation-name: fadeInDown;" th:if="${'APP' != channel}">
                <!--相关文章-->
                <h3 class="section-title"><span>最近更新</span></h3>
                <ul class="section-cont-tags pic-box-list clearfix">
                    <li th:each="p:${newProject}">
                        <a th:href="${p.url}" class="relation" th:title="${p.title}" th:text="${p.title}"></a>
                    </li>
                </ul>
            </section>

            <section class="part-mor box-show wow fadeInDown" style="visibility: visible; animation-name: fadeInDown;" th:if="${'APP' != channel}">
                <!--相关文章-->
                <h3 class="section-title"><span>相关阅读</span></h3>
                <ul class="section-cont-tags pic-box-list clearfix">
                    <li th:each="like:${likeProjects}">
                        <a th:href="${like.url}" class="relation" th:title="${like.title}" th:text="${like.title}"></a>
                    </li>
                </ul>
            </section>
        </div>

        <aside class=" layui-col-md3">
            <div th:replace="common/right2::right2(friends=${friends},commitInfo=${commitInfo},labelList=${labelList},commitUserInfo=${commitUserInfo},advertList=${advertList})"></div>
        </aside>
    </div>
</main>

<footer th:include="common/footer::footer"></footer>

</body>
<script>
    var viewer = new Viewer($("div.article-content")[0]);
</script>
</html>